* {
    margin: 0;
    padding: 0;
    list-style: none;
}
.item {
    width: 450px;
    margin: 0 auto;
    .input {
        width: 100%;
        height: 10vh;
        box-sizing: border-box;
        border: 1px solid red;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .content {
        width: 100%;
        height: 80vh;
        box-sizing: border-box;
        border: 1px solid blueviolet;
        overflow: auto;
        > div {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid gray;
            input {
                margin: 0 20px;
                width: 30px;
                height: 30px;
            }
            > p {
                height: 100%;
                flex: 1;
                display: flex;
                align-items: center;
            }
            button {
                margin: 0 20px;
            }
        }
    }
    .btn {
        width: 100%;
        height: 10vh;
        box-sizing: border-box;
        border: 1px solid red;
        display: flex;
        > div {
            flex: 1;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            input {
                width: 25px;
                height: 25px;
            }
        }
    }
}
